<!DOCTYPE html>

<html>

	<head>
		<title>card_server</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		</style>
		<script src="../static/js/jquery-3.2.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../static/bootstrap/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="../static/bootstrap/css/bootstrap.min.css" />
		<style type="text/css">
			#login {
				margin-top: 10px;
			}
			
			#loginAction {
				width: 100px;
				height: 100px;
				margin: 0 auto;
			}
			
			#current-time {
				width: 100em;
				white-space: nowrap;
			}
			
			#info{
				white-space: nowrap;
			}
		</style>

		<script type="text/javascript">
			function now(){
				var timeStr = (new Date()).toLocaleString();
				$('#current-time').text(timeStr);
			}
			$(function(){
				now();
			});
			setInterval(function() {
				now();
			}, 1000);
		</script>
	</head>

	<body>
		<div id="loginAction">
			<div id="info">{{.message}}</div>
			<form action="login" id="loginA" style="margin-top: 20px;">
				用户名：<input class="input-group" type="text" name="username" /> 密码： <input class="input-group" name="password" type="password"/>
			</form>
			<div>
				<input type="button" name="login" id="login" value="登陆" class="btn-default" />
			</div>
			<footer>
				<div id="current-time">
				</div>
			</footer>
			<script type="text/javascript">
				$(function() {
					$("#login").click(function() {
						$("#loginA").submit();
					});
				});
			</script>
		</div>
	</body>

</html>